import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import 'amfe-flexible'
import { Dialog } from 'vant';



//重置各浏览器样式  统一
import 'normalize.css/normalize.css'
//轻量级
import Cookie from 'js-cookie'
// 全部导入vant组件库
import vant from "vant"
import "vant/lib/index.css"

Vue.use(vant);
Vue.prototype.$Cookie = Cookie;
Vue.config.productionTip = false


//给路由添加一个属性 判断是前进还是后退
window.addEventListener("popstate",function(){
  router.isBack = true;
},false)

//返回上页的时候头部自定义一个方法
Vue.prototype.back_go = (num)=>{
  router.isBack = true;
  router.go(num);
}
//全局路由拦截
router.beforeEach((to,from,next)=>{　　//从cookie中取值并给vux中的token赋值
//  如果已经登录的话 将cookie值给token
// store.commit('setToken',Cookie.get('token'))
  　//如果vux有值就讲登录状态改成1
  if(store.state.token){
    store.commit('user','你好呀')
  } 　//判断是否为true，如果为true就是要登录，去判断token是否存在。存在就执行，不存在就跳转登录页面
  if(to.meta.requireAuth){
    if(store.state.token){
      next()
    }else{
      Dialog.alert({
        message: '请先去登录',
      }).then(() => {
        next({path:'/mine'})
      });

    }
  }else{
    next()
  }
})

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
